	$padding:14rpx 20rpx;

	.detail_pages {
		background: #EFF0F1;
		.title {
			width: 100%;
			text-align: center;
			// display: flex;
			}
		.wx_title{
			width: 100%;
			padding-bottom: 20rpx;
			text-align: center;
			position: fixed;
			top: 0;
			left: 0;
			z-index: 9;
			background: #fff;
			.wx_back{
				position: absolute;
				left: 20rpx;
				bottom: 20rpx;
			}
		}
		.card_pop{
			padding: 48rpx 30rpx;
			background: #fff;
			border-radius: 18px 18px 0px 0px;
			// position: absolute;
			// bottom: 0;
			// left: 0;
			// transition: opacity 300ms ease 0ms, -webkit-transform 300ms ease 0ms, transform 300ms ease 0ms;
			// transform-origin: 50% 50%;
		}
		.top_box {
			background: #fff;
			border-radius: 0px 0px 12px 12px;
		}
		
		.banner_box {
			position: relative;
			.second_kill{
				width: 100%;
				height: 108rpx;
				position: absolute;
				bottom: 0;
				left: 0;
				.second_kill_img{
					width: 100%;
					height: 108rpx;
					
				}
				.second_kill_icon{
					width: 76rpx;
					height: 76rpx;
					position: absolute;
					top: 18rpx;
					left: 28rpx;
				}
				.text_box{
					width: 220rpx;
					position: absolute;
					top: 12rpx;
					left: 140rpx;
					color: #fff;
					.now_kill_price{
						font-size: 44rpx;
						line-height: 46rpx;
						
					}
					&::first-letter{
						font-size: 26rpx;
						line-height: 28rpx;
					}
					.before_kill_price{
						color: rgba(255, 255, 255, 0.45);
						font-size: 24rpx;
						line-height: 26rpx;
						margin-left: 8rpx;
						text-decoration: line-through;
					}
				}
				.count{
					padding:1rpx 22rpx;
					font-size: 20rpx;
					line-height: 22rpx;
					background: rgba(255, 255, 255, .14);
					border-radius: 8px;
				}
			}
			.count_down{
				position: absolute;
				right: 28rpx;
				top: 18rpx;
				font-size: 24rpx;
				color: rgba(38, 15, 0, 1);
				width: 160rpx;
				.count_box{
					margin-top: 4rpx;
					text{
						padding:2rpx 4rpx;
						line-height: 26rpx;
						background: rgba(43, 45, 44, 1);
						border-radius: 2px;
						color: #fff;
						margin:0 2rpx;
						&::last-child{
							background: linear-gradient(90deg, #FC5D5C 0%, #F4362F 100%);
							color: #fff;
						}
					}
				}
			}
		}

		.go_back {
			position: fixed;
			top: 80rpx;
			left: 40rpx;
			z-index: 99;
			.back_img {
				width: 70rpx;
				height: 70rpx;
				display: block;
			}
		}

		.swiper_box {
			width: 100%;
			height: 700rpx;

			.swiper {
				width: 100%;
				height: 100%;
			}
		}

		.share_box {
			width: 194rpx;
			position: fixed;
			right: 0;
			top: 400rpx;
			z-index: 99;
		}

		.share_text {
			width: 194rpx;
			height: 60rpx;
			margin-bottom: 16rpx;
			background: linear-gradient(90deg, #FB60B5 0%, #FC3F61 100%);
			border-radius: 100px 0px 0px 100px;
			opacity: 0.5;
			font-size: 24rpx;
			color: #fff;
			line-height: 60rpx;
			text-align: center;
		}

		.commodity_info {
			padding: $padding;
		}

		.price_box {
			margin-bottom: 4rpx;
			display: flex;
			justify-content: space-between;

			.price {
				color: $color;
				font-size: 56rpx;
				&::first-letter{
					font-size: 44rpx;
				}
			}

			.hot_box {
				display: flex;
				color: $grey;

				.hot_img {
					width: 28rpx;
					height: 36rpx;
					display: block;
					margin-right: 4rpx;
				}
			}
		}

		.tag {
			font-size: 24rpx;
			padding: 10rpx;
			color: $tagcolor;
			background: $tagbackgrond;
			border-radius: 2px;
		}

		.detail {
			margin-top: 20rpx;
			color: $black;
			line-height: 48rpx;
			font-size: 32rpx;
			font-weight: 500;
		}

		.freight_box {
			padding: 20rpx 30rpx;
			display: flex;
			justify-content: space-between;
			font-size: 24rpx;
			line-height: 26rpx;
			color: $grey;
		}

		.spell_introduce {
			border-radius: 12px;
			padding: $padding;
			background: #fff;
			margin-bottom: 24rpx;
		}
		.bottom_card{
			width: 100%;
			height: 140rpx;
			background: #fff;
			border-radius: 12px 12px 0 0;
			position: fixed;
			bottom: 0;
			left: 0;
			z-index: 9;
		}
		.btn{
			width: 700rpx;
			height: 88rpx;
			background: $color;
			color: #fff;
			text-align: center;
			line-height: 88rpx;
			font-size: 32rpx;
			border-radius: 22px;
		}
	}
	// 拒绝
	.refuse_bg{
		width: 552rpx;
		height: 600rpx;
		position: relative;
		.bg{
			width: 552rpx;
			height: 600rpx;
			position: absolute;
			top: 0;
			left: 0;
		}
		.btn_box{
			width: 100%;
			display: flex;
			justify-content: center;
			padding-top: 466rpx;
			z-index: 999;
			image{
				display: block;
				width: 212rpx;
				height: 56rpx;
				margin: 0 10rpx;
				z-index: 999;
			}
		}
	}